
<template>
  <div class="page">
    <m-header :title="langText&&langText.viewquestion" :canback="Boolean(1)"> </m-header>
      <div class="body">
        
        <div class="top">
          <p>{{langText&&langText.questionnumber}}：{{data.id}}</p>
          <p>{{langText&&langText.problemdescription}}</p>
          <!-- <input type="textarea" placeholder="请输入问题详情"> -->
          <textarea name="" id="" cols="30" rows="10" :placeholder="langText&&langText.problemdescription"  :value="data.content" readonly></textarea>
          <p>{{langText&&langText.csriaf}}</p>
          <textarea name="" id="" cols="30" rows="10" :placeholder="langText&&langText.csriaf" readonly :value="data.reply_content"></textarea>
          
        </div>

      </div>
    <m-load ref="load"></m-load>
    <m-Footer></m-Footer>
  </div>
</template>
<script>
import { Util, Load } from "@/assets/commonjs/utils.js";
import { Init, Base, Owner } from "@/server/server.js";
import { mapGetters } from "vuex";
import { MyTxt,TradeTxt } from "@/assets/commonjs/lan.js";
export default {
  data() {
    return {
        allTxt:null,
        lsit:[],
        langText:null,
        data:{
          reply_content:null,
          content:null,
          id:null
        },
        id:null
    }
  },
  computed: {
    ...mapGetters(["uid","userInfo","lang",'getLangId'])
  },
  created() {
      
  },
  mounted(){
    this.initDate();
    this.messageRecord();
  },
  methods: {
      initDate(){
        this.langText = Object.assign({},JSON.parse(localStorage.getItem('mineData')))
        this.allTxt = Object.assign({},MyTxt,TradeTxt)
        this.id = this.$route.query.id;
      },
      messageRecord(){
        Owner.messageRecord({page:this.page,num:999}).then(res=>{
          if(res.code==1){
            this.list = res.data.message;
            this.list.forEach(v=>{
              if(v.id == this.id){
                this.data = v;
              }
            })
          }else{
            mui.toast(res.msg)
          }
        })
      }
  }
};
</script>
<style lang="less" scoped>
@import "~link-less";
.body {
  // padding: @margin-primary;
  background-color: @bg-color;
  .bot-btn{
    width: 650px;
    margin-left: 50px;
    height: 88px;
    line-height: 88px;
    margin-top: 30px;
  }
  .top{
    width: 710px;
    background-color: #fff;
    border-radius: 10px;
    margin: 20px;
    padding: 20px;
    p{
      font-size:28px;
      color:rgba(51,51,51,1);
      margin-top: 15px;
    }
    textarea{
      width: 650px;
      height: 250px;
      border: none;
      background-color: #F1F1F1;
      border-radius: 10px;
      margin-top: 18px;
      padding: 26px;  
    }
  }
}
.page{
  /deep/ section .header .nav{
    background-color: #fff !important;
    span{
      color: #000;
    }
    .center{
      color: #000;
    }
  }
}
</style>